<template>
	<div class="fixbottom">
		<div class="mod-tel">
			<a href="tel:4008285199" class="border-right-1px"><span><i class="icon icon-tel"></i>400 828 5199</span></a>
		</div>
		<div class="mod-enquiry">
			<a href="./enquiry.html"><span><i class="icon icon-enquiry"></i>在线询价</span></a>
		</div>			
	</div>
</template>
<style scoped lang="less" rel="stylesheet">
	@import '../../common/less/index';
	.fixbottom{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #225caf;
		height: 55px;
		
		display: flex;
		.mod-tel,.mod-enquiry{
			width: 50%;
			text-align: center;
			box-sizing: border-box;
			padding-top: 10px;
			a{
				.border-right-1px(#fff);
				text-decoration: none;
				color:#fff;
				display: block;
				height: 35px;
				line-height: 35px;
			}
		}
		.mod-enquiry a{.border-none;}

		
		.icon{
			display: inline-block;
			width: 16px;
			height: 19px;
			vertical-align: middle;
			margin-right: 5px;
		}
		.icon-tel{
			background: url('icon-tel.png') 0 0 no-repeat;
			background-size: contain;
			
		}
		.icon-enquiry{
			background: url('icon-enquiry.png') 0 0 no-repeat;
			background-size: contain;
		}
	}
</style>